// ... existing code ...
.newContainer_1 {
  // 可根据需求添加容器样式

      /* 设置背景色，添加一定透明度 */
      background-color: rgba(255, 255, 255, 0.268);
      /* 设置毛玻璃模糊效果 */
      backdrop-filter: blur(10px);
      /* 设置边框圆角 */
      border-radius: 10px;
      /* 设置边框 */
      border: 1px solid rgba(255, 255, 255, 0.18);
  
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 
  
      position: absolute;
      width: 90%; /* 宽度为父元素的100% */;
      height:45%; /* 高度为父元素的100% */;
      /* 水平和垂直方向都居中 */
      place-items: center;
  
      margin-top: 65%;
      margin-left: 5%
}


.newContainer_2 {
  // 可根据需求添加容器样式

      /* 设置背景色，添加一定透明度 */
      background-color: rgba(255, 255, 255, 0.268);
      /* 设置毛玻璃模糊效果 */
      backdrop-filter: blur(10px);
      /* 设置边框圆角 */
      border-radius: 10px;
      /* 设置边框 */
      border: 1px solid rgba(255, 255, 255, 0.18);
  
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 
  
      position: absolute;
      width: 90%; /* 宽度为父元素的100% */;
      height:45%; /* 高度为父元素的100% */;
      /* 水平和垂直方向都居中 */
      place-items: center;
  
      margin-top: 65%;
      margin-left: 5%
}

.newContainer_3 {
  // 可根据需求添加容器样式

      /* 设置背景色，添加一定透明度 */
      background-color: rgba(255, 255, 255, 0.268);
      /* 设置毛玻璃模糊效果 */
      backdrop-filter: blur(10px);
      /* 设置边框圆角 */
      border-radius: 10px;
      /* 设置边框 */
      border: 1px solid rgba(255, 255, 255, 0.18);
  
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); 
  
      position: absolute;
      width: 90%; /* 宽度为父元素的100% */;
      height:45%; /* 高度为父元素的100% */;
      /* 水平和垂直方向都居中 */
      place-items: center;
  
      margin-top: 65%;
      margin-left: 5%
}


.Container_clore {
  position: relative;  // 修改为相对定位
  width: 100%;
  height: auto;  // 高度自适应
  display: flex;  // 设置为 flex 布局
  flex-direction: column;  // 设置主轴方向为垂直方向
  place-items: center;
  margin-top: 2%;
  margin-left: 0;  // 重置左边距
}

.outerContainer {
  width: 90%;
  height: 50%;
  display: flex;
  flex-direction: column;
  position: absolute;
  place-items: center;
  margin-top: 65%;
  margin-left: 5%;
  /* 可按需添加其他样式 */
}


.light_strong {
  // 可根据需求添加容器样式
  background-color: rgba(255, 255, 255, 0.268);
  backdrop-filter: blur(10px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 100%;
  height: 25%;
  display: flex;  // 设置为 flex 布局
  flex-direction: column;  // 设置主轴方向为垂直方向
  place-items: center;
  margin-top: 45%;
  // margin-left: 5%;
}


.tabContainer {
display: flex;
width: 100%;
border-bottom: 1px solid #eee;
}

.tabItem {
flex: 1;
text-align: center;
padding: 12px 0;
cursor: pointer;
}

.activeTab {
color: #6c0bffe5;
border-bottom: 2px solid #6c0bffe5;
}



.modePage {
width: 100%;
white-space: normal;
box-sizing: border-box;
padding: 16px;
position: absolute;
left: 0;
top: 0;
transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
overflow: hidden; /* 添加这一行，防止内容溢出 */
}

.showPage {
/* 显示的页面已经在 JS 中通过 transform 控制位置，这里无需额外设置 */
}

.modeContent {
/* 可根据需求添加样式 */
padding: 0px;
display: flex; /* 使用 flex 布局 */
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}


.newContainer_title {
  // background-color: rgb(255, 3, 3);
  background-color: none;
  backdrop-filter: blur(10px);
  border-radius: 10px;
  // border: 1px solid rgba(255, 255, 255, 0.18);
  // box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  position: relative;
  width: 100%;
  height: 80%;
  overflow: hidden;
}

//lampTouchSlider
.lampTouchSlider {
// linear-gradient(270deg, #7f66ef -14.11%, #c64343 100%);
// barColor: linear-gradient(270deg, #7f66ef -14.11%, #c64343 100%);

}

.lampRectPickerWrapper{
    /* 可根据需求添加样式，示例如下 */
    margin-top: -10px;
    margin-left: 5px;
  }
//view